资源
-
Achieving realistic ambience in architectural Three.js scenes - Questions - three.js forum
-
Interior virtual tour demo with bananas - Showcase - three.js forum
正文
Modelling a Basic Room in Blender Tutorial
建立主体
根据英国常见房间尺寸，创建一个 Cube，按 N 调整其尺寸（4.5m x 6m x 2.44m）。
完事后，应用变换。尤其注意 Scale 均为 1，因为这将会影响后续的修改器、贴图等操作。
踢脚线与顶角线
为房间创建踢脚线与顶角线，进入 Edit Mode，选择 Loop Cut 工具在侧面创建切割线，修改它们的 Transform，让踢脚线与顶角线距离底部/顶部 12 cm。
选中天花板和地板，Mesh -> Split -> Selection（把天花板、地板与墙相接处的共享顶点复制一份，它们之间不再真正连接）。
按 H 暂时隐藏地板和天花板。
选中顶部的四个面，Extrude Region and Shrink/Fatten（沿法线挤出）向内挤出 -0.12m。
删除顶部多余的 4 个面。
于踢脚线位置沿法线挤出 -0.02m 并删除底边多余的 4 个面。
选择脚踢线挤出来的 4 条边，Bavel 0.002m。
对顶角线倒角 0.0686m。
将顶部此边略微上移。
改变房间形状
选中较短的两个墙面，分离之。
单选一个墙面，SHIFT + H 让视口只显示这个面。
选中左边的边顶点，左移 1m。
按下 E 和 Y，沿着 Y 轴挤出 1m。
按下 E 和 X，沿着 X 轴挤出 1m。
选择另一个边的所有顶点向里移动。
选择另一个短面的几个点沿 X 轴平移 -2m。
S + X 反转。
继续用 E 挤出。
将顶点翻转回来。
扩张天花板和地板到合适的尺寸。
门
选中全体，Mesh -> Clean Up -> Merge by Distance，将多余的顶点合并。
合并掉 27 个顶点。
合并以后，选中一个墙面，按下 L 则周围一圈墙都会被选中。
用 Loop Cut 工具切出门的高度 2.09m。
给墙壁中间切一条线，Ctrl + B 倒角出 0.463m，Segment 为 2 的门（总宽度 0.926m）。
将门分离出来。
将门底下的边与地平线对齐。
将门向里挤入 0.05m。
门的底部不需要 Inset Faces，将其处理掉。
将门框往房间内挤出 -0.03m。
移除门底下的两个面。
选中门框的两个线，倒角之。
溶解掉门中间的线段。
窗
墙上切一刀，倒角 0.762m。
切一刀表示出窗户的位置，设计的窗户是 48 英寸，因此计算得出这一条线的 Z 坐标为 0.8708m。
溶解掉窗户的中轴线。
往里面挤入 0.01m。
将窗户里面的面向外平移 0.1m。
再挤个 0.02m。
将窗户的面与本体分离。
窗户中间切一刀，往里挤 0.02m。
再操作 0.02m。
将一半的窗户分离，错位 0.02m。
将两瓣窗户相连。
调整顶角线形状
原文说顶角线之前创建的不太好😭~，删掉重做。
然后选中最顶部的边，E + Z 挤出 0.12m。
沿法线挤出 -0.12m。
按 Alt 选中一圈边，再倒角。
可以自定义倒角样式。
三维模型预览
下面是本教程的两个阶段性成果。查看器会保留 GLB 中的 PBR 材质和纹理，并支持旋转、缩放、全屏与文件下载；如果模型包含动画，也可以在画布下方选择并播放。